Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <style> [title~=flower] { border: 5px solid yellow; } </style> </head> <body> <p>The image with the title attribute containing the word "flower" gets a yellow border.</p> <img src="klematis.jpg" title="klematis flower" width="150" height="113"> <img src="img_flwr.gif" title="flowers" width="224" height="162"> <img src="landscape.jpg" title="landscape" width="160" height="120"> <p><b>Note:</b> For [<i>attribute</i>~=<i>value</i>] to work in IE8 and earlier, a DOCTYPE must be declared.</p> </body> <!-- Mirrored from www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_attribute_value_contains by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:14:15 GMT --> </html>
Result:
Try it Yourself - © w3schools.com